<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="https://www.w3school.com.cn/lib/bs/bootstrap.css" rel="stylesheet">
<!-- 最新编译的 JavaScript -->
<script src="https://www.w3school.com.cn/lib/bs/bootstrap.js"></script>
<link rel="stylesheet" href="css/kf.css">
</head>
<body>
      <!-- 林梦雅20软单20200508110 -->
    <div class="part1"><!-- 首页头部 -->
        <nav class="navbar navbar-expand-sm part1-tt">
            <div class="container-fluid">
              <a class="navbar-brand" href="ypjdsy.html"><img src="img/log.png" alt=""></a>
              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
                <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse" id="collapsibleNavbar">
                <ul class="navbar-nav">
                  <li class="nav-item">
                    <a class="nav-link" href="ypjdsy.html" >首页</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="kf.html" style="font-weight: bolder;color: #266258;">客房</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="yytime.html">营运时间</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="cyjjn.html">餐宴及佳酿</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="jcss.html">精彩盛事</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="shopty.html">购物体验</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="rhjx.html">荣获奖项</a>
                  </li>


                  <li class="nav-item">
                    <a class="nav-link" href="chatus.html">联系我们</a>
                  </li>
                </ul>
              </div>
            </div>
          </nav>
        
        
    </div>
    <div class="part2">
        <div class="sidebar">
            <ul>
              <br>
              <li><a href="kf-hhkf.html">豪华客房</a></li>
              <li><a href="kf-hhhjkf.html">豪华海景客房</a></li>
              <li><a href="kf-zyhhkf.html">卓雅豪华客房</a></li>
              <li><a href="kf-hhtf.html">豪华套房</a></li>
              <li><a href="kf-jztf.html">金钻套房</a></li>
              <li><a href="yytime.html">营运时间安排</a></li>

            </ul>
          </div>
          
        <div class="content">
          <!-- 内容区域 -->
          <div class="biao">
           
                    <table class="table">
                        <thead>
                          <tr >
                            <th class="part3-tt" style="padding:50px">优品客房</th>
                            <th></th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td><div class="image-container0" onclick="toggleImage(this)">
                              <a href="kf-hhkf.html" class="" >
                                <img src="img/酒店床/11.jpg" alt="">
                            </a>
                            </div></td>
                            <td><div><p style="font-weight: bold; font-size: 36px;margin-top: 50px;">豪华客房</p>
                                <p>令人难忘的入住体验，由优品豪华客房为您呈现.</p>
                                <a href="kf-hhkf.html" class="button" >
                                    了解更多+
                                </a></div>
                            </td>
                            
                          </tr>
                          <tr>
                            <td><div class="image-container0" onclick="toggleImage(this)">
                              <a href="kf-hhhjkf.html" class="" >
                                <img src="img/酒店床/12.jpg" alt="">
                              </a>
                            </div></td>
                            <td><div><p style="font-weight: bold; font-size: 36px;margin-top: 50px;">豪华海景客房</p>
                                <p>美妙视野体验，由优品豪华海景客房为您呈现.</p>
                                <a href="kf-hhhjkf.html" class="button" >
                                    了解更多+
                                </a></div>
                            </td>
                          </tr>
                          <tr>
                            <td><div class="image-container0" onclick="toggleImage(this)">
                              <a href="kf-zyhhkf.html" class="" >
                                <img src="img/酒店床/13.jpg" alt="">
                              </a>
                            </div></td>
                            <td><div><p style="font-weight: bold; font-size: 36px;margin-top: 50px;">卓雅豪华客房</p>
                                <p>摩登灵感体验，由优品卓雅豪华客房为您呈现.</p>
                                <a href="kf-zyhhkf.html" class="button" >
                                    了解更多+
                                </a></div>
                                
                            </td>
                          </tr>
                          <tr>
                            <td><div class="image-container0" onclick="toggleImage(this)">
                              <a href="kf-hhtf.html" class="" >
                                <img src="img/酒店床/9.jpg" alt="">
                              </a>
                            </div></td>
                            <td><div><p style="font-weight: bold; font-size: 36px;margin-top: 50px;">豪华套房</p>
                                <p>非凡奢华体验，由优品豪华套房为您呈现。</p>
                                <a href="kf-hhtf.html" class="button" >
                                    了解更多+
                                </a></div>
                                
                            </td>
                          </tr>
                          <tr>
                            <td><div class="image-container0" onclick="toggleImage(this)">
                              <a href="kf-jztf.html" class="" >
                                <img src="img/酒店床/14.jpg" alt="">
                              </a>
                            </div></td>
                            <td><div><p style="font-weight: bold; font-size: 36px;margin-top: 50px;">金钻套房</p>
                                <p>真正专属体验,由优品金钻套房为您呈现。</p>
                                <a href="kf-jztf.html" class="button" >
                                    了解更多+
                                </a></div>
                                
                            </td>
                          </tr>
                          
                        </tbody>
                      </table>
                      
                      
          </div>

        </div>
      </div>
      


    <div class="part4z"><!-- 最后商标 -->
        <div class="part4z-tt">
            <img src="img/2log.png" alt="" style="width: 200px;">
            <p>优品致力成为全球最创新的综合度假酒店</p>
        </div>
    </div>
</body>
</html>